<template>
	<view class="container">
		<view class="intro" :class="{ active: isActive }">{{ msg }}</view>
		<text class="intro" @click="showText('sb')">详见：</text>
		<uni-link :href="href" :text="href"></uni-link>
	</view>
</template>

<script setup>
import { ref } from 'vue'
const href = ref('https://uniapp.dcloud.io/component/README?id=uniui');
const msg = ref('在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。');
function showText(t) {
	isActive.value = true
}
const isActive = ref(false);

</script>

<style lang="scss">
.container {
	padding: 20px;
	font-size: 14px;
	line-height: 24px;

	.intro.active {
		color: red;
	}
}
</style>
